/* YouTube Dark Theme */

@charset "utf-8";

/* General */
body {
	background: #1a1919; /* Dark background */
	color: #FFFFFF; /* Light text */
}

/* Text */
a, h1, h2, h3, h4, h5, h6 {
	color: #FFFFFF; /* Bright white text for headings */
}
a:hover {
	color: #FF0000; /* YouTube red for hover links */
}
.text-red {
	color: #FF0000; /* YouTube red */
}
.text-muted {
	color: #AAAAAA; /* Muted text */
}

/* Form */
.form-control {
	background-color: #303030; /* Darker input fields */
	color: #CCCCCC; /* Light gray text */
	border: 1px solid #424242;
}
.form-control.colorfff {
	background-color: #424242;
}
.form-control:focus {
	border-color: #FF0000;
	box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

/* Buttons */
.btn, .btn:hover, .btn .icon {
	color: #FFFFFF;
}
.btn {
	border: 1px solid #424242;
}
.btn-default {
	background-color: #303030;
	color: #FFFFFF;
}
.btn-default:hover {
	background-color: #424242;
}
.btn-primary {
	background-color: #FF0000;
	border: 1px solid #FF0000;
	color: #FFFFFF;
}
.btn-primary:hover {
	background-color: #CC0000;
	border: 1px solid #CC0000;
}

/* Dropdown */
.dropdown-menu {
	background-color: #303030;
	border: 1px solid #424242;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
}

/* Lines */
.split-line {
	background-color: #424242;
}
.top-line:before {
	border-top: 1px solid #424242;
}
.bottom-line:after {
	border-bottom: 1px solid #424242;
}
.top-line-dot:before {
	border-top: 1px dotted #424242;
}
.bd:before {
	border-bottom: 1px dotted #424242;
}

/* Badges */
.badge {
	background-color: #424242;
}
.badge-first {
	background-color: #FF0000;
	color: #FFFFFF;
}
.badge-second {
	background-color: #CC0000;
	color: #FFFFFF;
}
.badge-third {
	background-color: #AA0000;
	color: #FFFFFF;
}

/* Navigation */
.nav-head > li.active > a, .nav-tabs > li.active > a {
	border-bottom: 2px solid #FF0000;
	color: #FF0000;
}
.nav-tag > li > a, .nav-page > li > a {
	background-color: #303030;
	border: 1px solid #424242;
	color: #FFFFFF;
}
.nav-tag > li > a:hover, .nav-tag > li.active a, .nav-page > li > a:hover, .nav-page > li.active > a {
	background-color: #FF0000;
	border: 1px solid #FF0000;
	color: #FFFFFF;
}

/* Tags */
.tag-type li a {
	background-color: #303030;
	border: 1px solid #424242;
	color: #AAAAAA;
}
.tag-type li a:hover, .tag-type li.active a {
	background-color: #FF0000;
	border: 1px solid #FF0000;
	color: #FFFFFF;
}

/* Panels */
.sp1-bg {
	background-color: #202020;
	border: 1px solid #424242;
}

/* Video List */
.stui-vodlist__bg {
	background-color: #202020;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.stui-vodlist__bg:hover {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);
}

/* Player */
.p1 {
	background-color: #000000;
}

/* Pagination */
.stui-page li a, .stui-page li .num, .stui-page-text a, .stui-page-text em, .stui-page-text span {
	background-color: #303030;
	border: 1px solid #424242;
	color: #FFFFFF;
}
.stui-page li a:hover, .stui-page li.active a {
	background-color: #FF0000;
	color: #FFFFFF;
	border: 1px solid #FF0000;
}

/* Popup */
.popup {
	background-color: #202020;
}
.popup-head {
	background-color: #303030;
}

@media (max-width: 767px) {
	.form-control {
		background-color: #202020;
		color: #AAAAAA;
		border: 0;
	}
	.sp1-bg, .stui-vodlist__bg, .stui-vodlist__bg:hover {
		box-shadow: none;
		border: 0;
	}
}